<!DOCTYPE html>
<html>
<body>

<div id='showMUSIC'></div>

<script>
    displayMUSIC(0);

    function displayMUSIC(i) {
        var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                myFunction(this, i);
            }
        };
        xmlhttp.open("GET", "/test.xml", true);
        xmlhttp.send();
    }

    function myFunction(xml, i) {
        var xmlDoc = xml.responseXML;
        x = xmlDoc.getElementsByTagName("TRACK");
        document.getElementById("showMUSIC").innerHTML =
            "<ul>" +
            "<li>曲目：" +
            x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue + "</li>" +
            "<li>艺术家：" +
            x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue + "</li>" +
            "<li>专辑：" +
            x[i].getElementsByTagName("ALBUM")[0].childNodes[0].nodeValue + "</li>" +
            "<li>国家：" +
            x[i].getElementsByTagName("COUNTRY")[0].childNodes[0].nodeValue + "</li>" +
            "<li>公司：" +
            x[i].getElementsByTagName("COMPANY")[0].childNodes[0].nodeValue + "</li>" +
            "<li>年份：" +
            x[i].getElementsByTagName("YEAR")[0].childNodes[0].nodeValue + "</li>" +
            "</ul>";
    }
</script>

</body>
</html>
